Tilføj opgaver (assignments)

1 files changed, 25 insertions, 0 deletions

diff --git a/app/src/routes/assignments/[assignmentId]/+page.svelte b/app/src/routes/assignments/[assignmentId]/+page.svelte
new file mode 100644
index 0000000..0b36a19
--- /dev/null
+++ b/app/src/routes/assignments/[assignmentId]/+page.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import type { PageProps } from "./$types";
+
+	let { data }: PageProps = $props();
+
+	const assignmentDate = $derived(new Intl.DateTimeFormat().format(data.assignment.date));
+</script>
+
+<svelte:head>
+	<title>Opgave på {data.cemetaryPlot.address}</title>
+</svelte:head>
+
+<h1>Assignment #{data.assignment.id}</h1>
+<p>
+	Gravstedet, der skal vedligeholdes er ved <span class="address">{data.cemetaryPlot.address}</span
+	>.
+</p>
+<p>Vedligeholdelsen skal finde sted <time>{assignmentDate}<time>.</time></time></p>
+
+<style>
+	.address,
+	time {
+		font-weight: bold;
+	}
+</style>